<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>order</title>
	<link rel="stylesheet" href="../css/cssreset.css">
	<link rel="stylesheet" href="../css/order.css">
	<script src="../js/jquery-3.0.0.min.js"></script>
</head>
<body>
	<header>
		<div class="sup">
			<div class="sup_main">
				<div class="sup_main_left">
					<p>让旅行更幸福</p>
					<div class="language">
						<span class="s1"></span>
						<b>Language</b>						
					    <span class="s2"></span>
					    <ul class="country">
					    	<li><span class="c1"></span>简体中文</li>
					    	<li><span class="c2"></span>English (United States)</li>
					    	<li><span class="c3"></span>English (United Kingdom)</li>
					    	<li><span class="c4"></span>繁體中文 (中國香港)</li>
					    	<li><span class="c5"></span>English(Hong Kong,China)</li>
					    	<li><span class="c6"></span></li>
					    	<li><span class="c7"></span></li>    	
					    	<li><span class="c8"></span>English (Singapore)</li>
					    	<li><span class="c9"></span>English (Australia)</li>
					    	<li><span class="c10"></span>Deutsch</li>
					    	<li><span class="c11"></span>Français</li>
					    	<li><span class="c12"></span>Español</li>
					    	<li><span class="c13"></span>Italiano</li>
					    	<li><span class="c14"></span>Русский</li>
					    	<li><span class="c15"></span></li>
					    	<li><span class="c17"></span>Bahasa Indonesia</li>
					    	<li><span class="c18"></span>Bahasa Malaysia</li>
					    	<li><span class="c19"></span></li>				    	
					    	<li><span class="c20"></span></li>
					    	<li><span class="c21"></span></li>
					        <li><span class="c22"></span></li>
					    	<li><span class="c22"></span></li>
					    	<li><span class="c23"></span></li>
					    	<li><span class="c24"></span></li>	
					    </ul>
					</div>
					
				</div>
			   <div class="sup_main_right">
			    	<ul class="box">
			    		<li>尊贵的会员
			    			<span></span>

			    		</li>
			    		<li>
			    			<span class="s3"></span>
			    		    <b>消息</b>
			    	    </li>
			    		<li class="li1"><b>我的携程</b>
			    			<span class="s4"></span>
			    			<ul class="childbox">
								<li>我的收藏</li>
								<li>我的优惠券</li>
								<li>常用信息</li>
								<li>我的钱包</li>
							</ul>
			    		</li>
			    		<li class="li1"><b>我的订单</b>
			    			<span class="s5"></span>
			    			<ul class="childbox2">
								<li>机票+相关订单</li>
								<li>酒店订单</li>
								<li>旅游订单</li>
								<li>火车票订单</li>
								<li>全部订单</li>
								<li>手机号查订单</li>
							</ul>
			    		</li>
			    		<li><b>客服中心</b></li>
			    		<li class="li2">
			    			<span class="s6"></span>
			    			<i>
			    				<img src="../images/3_51code.jpg" alt="">
			    				<p>手机扫码快速下载</p>
			    				<p>携程旅行手机版></p>
			    			</i>
			    		</li>
			    		<li class="li2">
			    			<span class="s7"></span>
			    			<i>
			    				<img src="../images/3_51code.jpg" alt="">
			    				<p>携程订阅号helloctrip</p>
			    				<p>扫一扫，<u>领旅行福利</u></p>
			    			</i>
			    		</li>
			    			
			    			
			    			
			    		
			    		
			    	</ul>
			    </div>				
			</div>			
		</div>
		<h1>
			<img src="../images/1_1logo.png" alt="">
			<input type="text" placeholder="搜索旅行地/酒店/旅游/景点门票/交通">
			<button><b></b></button>
			<span>

				<p>境内：95010</p>
				<p>（或）400-830-6666</p>
 				<i>
 					<p>香港（中国）：+ 852-3008-3295</p>
 					<p>境外：+ 86-21-3406-4888</p>
 				</i>
 			</span>
		</h1>
	</header>
    <nav>
		<ul class="navbox">
			<li><b><a href="">首页</a></b></li>
			<li><b class="triangle">酒店</b><span></span><u></u>
				<ul class="navchildbox">
					<li>国内酒店</li><li>海外酒店</li><li>民宿客栈</li><li>海外民宿</li><li>团购</li><li>酒店+景点</li><li>团队房•长住房</li><li class="last2">会议</li><li class="last"><i></i>酒店订单></li>
				</ul>
			</li>
			<li><b class="triangle">旅游</b><span></span><u></u>
				                
				<ul class="navchildbox">
					<li>旅游首页会员日</li><li>周末游</li><li>跟团游</li><li>自由行</li><li>私家团</li><li>邮轮</li><li>酒店+景点</li><li>当地玩乐</li><li>主题游</li><li>定制旅行</li><li>游学</li><li>签证</li><li>企业会奖</li><li>高端游</li><li>爱玩户外</li><li>保险</li><li class="last2">特卖汇</li><li class="last"><i></i>旅游订单></li>
				</ul>
			</li>
			<li><b>跟团游</b></li>
			<li><b>自由行</b></li>
			<li><b class="triangle">机票</b><span></span><u></u>
				<ul class="navchildbox">
					<li>国内机票</li><li>国际•港澳台机票</li><li>特价机票</li><li>机+酒</li><li>航班动态</li><li>值机选座</li><li>退票改签</li><li>机场攻略</li><li class="last2">定制包机</li><li class="last"><i></i>机票订单></li>
				</ul>
				        
			</li>
			<li><b class="triangle"><a href="html/train.html">火车</a></b><span></span><u></u>
				<ul class="navchildbox">
					<li>国内火车票</li><li class="last2">国际•港台火车票</li><li class="last"><i></i>火车订单></li>
					 
				</ul>
			</li>
			<li><b class="triangle">汽车 · 船</b><span></span><u></u>
				<ul class="navchildbox">
					<li>汽车票</li><li>景区/机场专线</li><li>船票</li><li>游艇帆船</li><li class="last2">到站游</li><li class="last"><i></i>汽车 · 船订单></li>
				</ul>
			</li>
			<li><b class="triangle">用车</b><span></span><u></u>
				<ul class="navchildbox">
					<li>用车首页</li><li>境外租车</li><li>境外接送机</li><li>境外包车</li><li>国内租车</li><li>国内接送机/火车</li><li class="last2">国内包车</li><li class="last"><i></i>用车订单></li>
				</ul>
			</li>
			<li><b class="triangle">门票</b><span></span><u></u>
				<ul class="navchildbox">
					<li>境内门票</li><li>境外•港澳台门票</li><li>当地玩乐</li><li>出境WiFi•电话卡</li><li>周末游</li><li class="last2">上海海昌</li><li class="last"><i></i>门票玩乐订单></li>
				</ul>
			</li>
			<li><b>攻略</b></li>
			<li><b class="triangle">全球购</b><span></span><u></u>
				<ul class="navchildbox">
					<li>名店购</li><li>旅游购物商城</li><li>退税</li><li>银联特惠</li><li>万千赏 </li><li class="last2">外币兑换</li>  <li class="last"><i></i>外币兑换订单></li>  
				</ul>
			</li>
			<li><b class="triangle">礼品卡</b><span></span><u></u>
				<ul class="navchildbox">
					<li>礼品卡首页</li><li>节日/主题购卡</li><li>礼品卡福袋</li><li>企业采购</li><li>兑换券</li><li class="last2">外币兑换</li><li class="last"><i></i>礼品卡订单></li>
				</ul>
			</li>
			<li><b>邮轮</b></li>
			<li><b>目的地</b></li>
			<li><b>金融</b></li>
			<li><b class="triangle">更多</b><span></span><u></u>
				<ul class="navchildbox">
					<li>优品商城</li><li>超级会员</li><li>团购</li><li>合作卡</li><li class="last2">携程运动</li>           
				</ul>
			</li>
		</ul>	
	</nav>
	<div class="nav_bottom">
		<ul>
			<li><a href="">境外直通车</a></li>
			<li><span class="s2"></span><a href="">海外酒店</a></li>
			<li><span class="s3"></span><a href="">国际•港澳台机票</a></li>
			<li><span class="s4"></span><a href="">境外租车</a></li>
			<li><span class="s5"></span><a href="">国际•港台火车票</a></li>
			<li><span class="s6"></span><a href="">出境游</a></li>
			<li><span class="s7"></span><a href="">高端游</a></li>
			<li><span class="s8"></span><a href="">境外•港澳台门票</a></li>
			<li><span class="s9"></span><a href="">签证</a></li>
			<li><span class="s10"></span><a href="">保险</a></li>
			<li><span class="s11"></span><a href="">WiFi•电话卡</a></li>
			<li><span class="s12"></span><a href="">境外接送机</a></li>
			<li><span class="s13"></span><a href="">外币兑换</a></li>
		</ul>
	</div>
	<main>
		<div class="main_left">
			<ul class="out">
				<li><a href="orderchild.html">我的携程首页</a></li>
				<li class="drop-down"><a href="">订单</a><span></span>
					<ol>
						<li><a href="">全部订单</a></li>
						<li><a href="">酒店订单</a></li>
						<li><a href="">机票+相关订单</a></li>
						<li><a href="">旅游度假订单</a></li>
						<li><a href="">签证订单</a></li>
						<li><a href="">更多订单</a></li>

					</ol>
						
				</li>
				<li class="drop-down"><a href="">钱包</a><span></span>
					<ol>
						<li><a href="">我的钱包</a></li>
						<li><a href="">礼品卡</a></li>
						<li><a href="">银行卡</a></li>
						<li><a href="">返现账户</a></li>
						<li><a href="">安全中心</a></li>
					</ol>
				</li>
				<li><a href="">优惠券</a></li>
				<li><a href="">积分</a></li>
				<li><a href="">电子发票</a></li>
				<li><a href="">收藏</a></li>
				<li class="drop-down"><a href="">个人中心</a><span></span>
					<ol>
						<li><a href="">消息提醒</a></li>
						<li><a href="">我的信息</a></li>
						<li><a href="">绑定与关联</a></li>
						<li><a href="">账户安全</a></li>
					</ol>
				</li>
				<li class="drop-down"><a href="">常用信息</a><span></span>
					<ol>
						<li><a href="">常用旅客信息</a></li>
						<li><a href="">常用联系人</a></li>
						<li><a href="">常用报销凭证</a></li>
						<li><a href="">常用地址</a></li>

					</ol>
				</li>
				<li><a href="">我的社区主页</a></li>
				<li class="drop-down"><a href="">应用中心</a><span></span>
					<ol>
						<li><a href="">我的成长</a></li>
					</ol>
				</li>
			
			</ul>
		</div>
		<div class="main_right">
			<div class="tip">
				<span class="s1"></span>
				您可以在线查看近一年的订单。如需查找更久之前的订单，请致电：95010。若需查看国际站订单，请至<a href="">Trip.com</a>
				<b><span class="s2"></span>下载全部列表</b>
			</div>
			<div class="selectbox">
				<ul>
					<li>全部订单</li>
					<li>未出行</li>
					<li>待支付</li>
					<li>待点评</li>
				</ul>
				<section class="detailbox">
					<div class="all">
						<div class="allinput">
							<label class="l1">订单号
								<input type="text" name="" value="">
							</label>
							<label>旅客
								<input type="text" name="" value="">
							</label>
							<label>开始日期
								<input type="text" name="" value="">
								<span>-</span>
								<input type="text">
							</label>
							<b>类型</b>
							<i>订单状况</i>
							<button>查询</button>
						</div>
						<div class="allchoose">
							<label class="l1">全选
								<input type="checkbox" name="" value="">
							</label>
							<b>订单内容</b>
							<i>订单金额</i>
						</div>
						<div class="orderdetails">暂时没有相关订单</div> 
					</div>
					<div class="go">
						<div class="allchoose">
							<label class="l1">全选
								<input type="checkbox" name="" value="">
							</label>
							<b>订单内容</b>
							<i>订单金额</i>
						</div>
						<div class="orderdetails">暂时没有相关订单</div>
					</div>
					<div class="pay">
						<div class="allchoose">
							<label class="l1">全选
								<input type="checkbox" name="" value="">
							</label>
							<b>订单内容</b>
							<i>订单金额</i>
						</div>
						<div class="orderdetails">暂时没有相关订单</div>
					</div>
					<div class="comment">
						<div class="allchoose">
							<label class="l1">全选
								<input type="checkbox" name="" value="">
							</label>
							<b>订单内容</b>
							<i>订单金额</i>
						</div>
						<div class="orderdetails">暂时没有相关订单</div>
					</div>
				</section>
			</div>
		</div>

	</main>
	<footer>
		<div class="footer_main">
			<p>网站导航 | 宾馆索引 | 机票索引 | 旅游索引 | 商旅索引 | 攻略索引 | 关于携程 | 企业公民 | 诚聘英才 | 智慧旅游  | 分销联盟 | 代理合作 | 企业商旅 | 中小企业差旅 | 广告业务 | 联系我们</p>
			<p>加盟合作 | 酒店加盟 | 目的地及景区合作 | 用户协议 | 隐私政策 | 营业执照 | 旅游度假资质 | 保险代理 | 友情链接 | Copyright©1999-2020, ctrip.com. All rights </p>
			<p>reserved. | ICP证：沪B2-20050130</p>
			<p><span class="s0"></span>沪公网备31010502002731号</p>
			<p>
				<b><span class="s1"></span><i>信用评级</i></b>
				<b><span class="s2"></span> <i>上海工商</i></b>
				<b><span class="s3"></span></b>
				<b><span class="s4"></span><i>网络社会征信网</i></b><b><span class="s5"></span></b>
				<b><span class="s6"></span></b>
				<b><span class="s7"></span></b>
			</p>
		</div>
	</footer>
	<script src="../js/order.js"></script>
</body>
</html>